<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>2016春夏订货会－意见收集系统</title>

<meta name="description" content="User login page" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- basic styles -->

<link
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
		  <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->

<!-- fonts -->

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace-fonts.css" />

<!-- ace styles -->

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace-rtl.min.css" />

<!--[if lte IE 8]>
		  <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="${pageContext.request.contextPath}/resources/bt_v3/assets/js/html5shiv.js"></script>
		<script src="${pageContext.request.contextPath}/resources/bt_v3/assets/js/respond.min.js"></script>
		<![endif]-->
<style type="text/css">
.table td {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	text-align: center;
}

.modal-dialog {
	z-index: 1050;
	width: 90%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto
}
</style>
</head>



<div class="container-fluid">
	<div class="row">
		<div class="col-xs-12">

			<div id="fuelux-wizard" class="row-fluid"
				data-target="#step-container">
				<ul class="wizard-steps">
					<li data-target="#step1" id="btn_1"><span class="step">1</span>
						<span class="title">2016春夏订货会-意见收集表（商品）</span></li>

					<li data-target="#step2" id="btn_2"><span class="step">2</span>
						<span class="title">橱窗增订</span></li>

					<li data-target="#step3" id="btn_3" class="active"><span
						class="step">3</span> <span class="title">橱窗执行情况调查</span></li>

					<li data-target="#step4"><span class="step">4</span> <span
						class="title">待开发，敬请期待</span></li>
				</ul>
			</div>




			<table class="table table-striped table-bordered ">
				<form id="voteForm">
					<tr>
						<td colspan="2">
							<h1>九牧王重点形象橱窗执行情况调查问卷<input type="hidden" name="docId" id="docId" value="" /></h1> <br />
							<h4>通过2015春季重点橱窗的执行，对分公司进行调查问卷，分析未来九牧王重点橱窗推广在终端店铺的可执行度。</h4>
						</td>
					</tr>
					<tr>
						<td colspan="2">${sessionScope.userSession.sysUser.nickName }[${sessionScope.userSession.sysUser.company }]</td>
						</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							1、重点橱窗相比常规橱窗的推广，在终端店铺的视觉展示效果如何？</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu1" type="radio" class="ace" value="1">
										<span class="lbl">好</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu1" type="radio" class="ace" value="2">
										<span class="lbl">不好</span>
									</label>
								</div>
							</div>
						</td>

					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							2、	重点橱窗相比常规橱窗的推广，在终端店铺的进店率是否有提升？</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu2" type="radio" class="ace" value="1">
										<span class="lbl">有</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu2" type="radio" class="ace" value="2">
										<span class="lbl">没有</span>
									</label>
								</div>
							</div>
						</td>

					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							3、	重点橱窗相比常规橱窗，更愿意执行哪一类橱窗？</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu3" type="radio" class="ace" value="1">
										<span class="lbl">重点橱窗</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu3" type="radio" class="ace" value="2">
										<span class="lbl">常规橱窗</span>
									</label>
								</div>
							</div>
						</td>

					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							4、	每次订货会展示的橱窗方向，是否可以直接延续到终端店铺进行展示？</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu4" type="radio" class="ace" value="1">
										<span class="lbl">是</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu4" type="radio" class="ace" value="2">
										<span class="lbl">否</span>
									</label>
								</div>
							</div>
						</td>

					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							5、	建议橱窗道具更换频率为多少次数？总部将对重点橱窗给予陈列支持。</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu5" type="radio" class="ace" value="1">
										<span class="lbl">一年一次</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu5" type="radio" class="ace" value="2">
										<span class="lbl">否</span>
									</label>
								</div>
							</div>
						</td>

					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							6、	分公司收到橱窗道具后，安装及陈列的时间需要多久？</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu6" type="radio" class="ace" value="1">
										<span class="lbl">5-10天</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu6" type="radio" class="ace" value="2">
										<span class="lbl">10-15天</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu6" type="radio" class="ace" value="3">
										<span class="lbl">15-30天</span>
									</label>
								</div>
							</div>
						</td>

					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							7、	重点橱窗的推广，能否对品牌形象的提升起到帮助作用?</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu7" type="radio" class="ace" value="1">
										<span class="lbl">有</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu7" type="radio" class="ace" value="2">
										<span class="lbl">没有</span>
									</label>
								</div>

							</div>
						</td>

					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							8、	橱窗展示对于终端店铺的销售是否有提升？</td>
					</tr>
					<tr>
						<td colspan="2" style="text-align: left;">
							<div class="control-group form-inline">

								<div class="radio">
									<label> <input name="qu8" type="radio" class="ace" value="1">
										<span class="lbl">15%以下</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu8" type="radio" class="ace" value="2">
										<span class="lbl">15-30%</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu8" type="radio" class="ace" value="3">
										<span class="lbl">30-50%</span>
									</label>
								</div>
&nbsp;&nbsp;
								<div class="radio">
									<label> <input name="qu8" type="radio" class="ace" value="4">
										<span class="lbl">50%以上</span>
									</label>
								</div>

							</div>
						</td>

					</tr>


				</form>
				<tr>
					<td>操作</td>
					<td>
						<button type="button" id="btn_vote"
							class="btn btn-danger btn-app btn-sm">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>

<!-- basic scripts -->

<!--[if !IE]> -->

<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='${pageContext.request.contextPath}/resources/bt_v3/assets/js/jquery-2.0.3.min.js'>"
							+ "<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${pageContext.request.contextPath}/resources/bt_v3/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

<script type="text/javascript">
	if ("ontouchend" in document)
		document
				.write("<script src='${pageContext.request.contextPath}/resources/bt_v3/assets/js/jquery.mobile.custom.min.js'>"
						+ "<"+"/script>");
</script>
<script
	src="${pageContext.request.contextPath}/resources/bt_v3/assets/js/bootstrap.min.js"></script>


<script type="text/javascript">
	//提交当前用户投票结果
	function fn_saveVote() {
		
		var data = new Object();
		data = $('#voteForm').serialize();

		$
				.ajax({
					url : "${pageContext.request.contextPath}/admin/joeoneVoteCcQu/save.do",
					async : true,
					dataType : 'json',
					type : 'POST',
					data : data,
					success : function(data, textStatus) {
						if (data.result == "success") {
							alert("提交成功！");
							var req_address = "${pageContext.request.contextPath}/joeone/ipad/vote_cc_qu.jsp";
							window.location.href = req_address;
						} else {

							alert(data.message);
						}
					},
					error : function(jqXHR, textStatus, errorThrown) {
						var sessionstatus = jqXHR
								.getResponseHeader("sessionstatus");
						if (sessionstatus == "timeout") {
							alert("[timeout]您登陆已经超时，请重新登陆!");
							var req_address = "${pageContext.request.contextPath}/joeone/ipad/index_dhVote.jsp";
							window.location.href = req_address;
						} else {
							alert("网络连接失败，请重试!");
						}
					}

				});

	}
	//获取当前用户投票结果
	function fn_getVote() {

		var data = new Object();
		data['pageNo'] = "1";
		data['pageSize'] = "1";
		data['docCreator'] = "${sessionScope.userSession.sysUser.docId }";

		$
				.ajax({
					url : "${pageContext.request.contextPath}/admin/joeoneVoteCcQu/list.do",
					async : false,
					dataType : 'json',
					type : 'GET',
					data : data,
					success : function(rtn, textStatus) {
						if (rtn.result == "success") {
							$.each(rtn.data.listData, function(i, item) {
								$("#docId").val(item.docId);
								if(typeof(item.qu1) != "undefined"){
									$("input:radio[name='qu1'][value="+item.qu1+"]").prop("checked","checked");
								}
								if(typeof(item.qu2) != "undefined"){
									$("input:radio[name='qu2'][value="+item.qu2+"]").prop("checked","checked");
								}
								if(typeof(item.qu3) != "undefined"){
									$("input:radio[name='qu3'][value="+item.qu3+"]").prop("checked","checked");
								}
								if(typeof(item.qu4) != "undefined"){
									$("input:radio[name='qu4'][value="+item.qu4+"]").prop("checked","checked");
								}
								if(typeof(item.qu5) != "undefined"){
									$("input:radio[name='qu5'][value="+item.qu5+"]").prop("checked","checked");
								}
								if(typeof(item.qu6) != "undefined"){
									$("input:radio[name='qu6'][value="+item.qu6+"]").prop("checked","checked");
								}
								if(typeof(item.qu7) != "undefined"){
									$("input:radio[name='qu7'][value="+item.qu7+"]").prop("checked","checked");
								}
								if(typeof(item.qu8) != "undefined"){
									$("input:radio[name='qu8'][value="+item.qu8+"]").prop("checked","checked");
								}
							});
							
						} else {

							//alert(rtn.message);
						}
					},
					error : function(jqXHR, textStatus, errorThrown) {
						var sessionstatus = jqXHR
								.getResponseHeader("sessionstatus");
						if (sessionstatus == "timeout") {
							alert("[timeout]您登陆已经超时，请重新登陆!");
							var req_address = "${pageContext.request.contextPath}/joeone/ipad/index_dhVote.jsp";
							window.location.href = req_address;
						} else {
							alert("网络连接失败，请重试!");
						}
					}

				});
	}
	
	function fn_cancel() {
		var req_address = "${pageContext.request.contextPath}/joeone/ipad/vote_demo5.jsp?jconf="
				+ $("#jconf").val();
		window.location.href = req_address;
	}
	

	function fn_changeSur() {
		var click_btn = $(this).attr("id");
		if (click_btn == "btn_1") {
			window.location.href = "${pageContext.request.contextPath}/joeone/ipad/vote_demo5.jsp";
		} else if (click_btn == "btn_2") {
			window.location.href = "${pageContext.request.contextPath}/joeone/ipad/vote_cc.jsp";
		} else if (click_btn == "btn_3") {
			window.location.href = "${pageContext.request.contextPath}/joeone/ipad/vote_cc_qu.jsp";
		}
	}
	$(document).ready(function() {
		//$("#btn_cancel").bind("click", fn_cancel);
		fn_getVote();
		$("#btn_vote").bind("click", fn_saveVote);
		$("#btn_1").bind("click", fn_changeSur);
		$("#btn_2").bind("click", fn_changeSur);
		$("#btn_3").bind("click", fn_changeSur);
	});
</script>

</body>
</html>